@charset"utf-8";
.inner{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px){
    .inner{
        width: 1024px;
    }
}
.ding{
    height: 30px;
    background-color: #313131;
}
.ding .inner{
    padding:  0 5px;
    line-height: 30px;
}
.ding p{
    font-size: 12px ;
    line-height: 30px;
    color: #ffe066;
}
.ding p i{
    font-size: 12px;
    position: relative;
    top: 2px;
}
.ding-txt a{
    font-size: 12px ;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    position: relative;
    padding: 0 10px;
}
.ding-txt a.txt-hover:hover{
    background-color: #535353;
    color: #fff;
}
.ding-txt a i{
    display: inline-block;
    width: 16px;
    height: 12px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ding-txt a:first-child {
    color: #ffe066;
}
.ding-txt a:last-child i{
    background-image: url(../images/index/ic-weixin.png);
}
.ding-txt a .im{
    display: none;
    position: absolute;
    top:100%;
    left: 21px;
    z-index: 10;
    padding: 2px;
    background-color: #f5f5f5;
}

/**/
.logo{
    padding: 14px 0 14px;
}
.logo-im img{
    max-width: 100%;
    z-index: 20;
}
.logo-im span{
    margin: 0 15px;
    width: 1px ;
    height: 38px;
    background-color: #e5e5e5;
}
.sou{
    padding-top: 2px;
}
.sou select{
    border:1px solid #bfbfbf;
    height: 32px;
    line-height: 30px;
    margin-right: 10px;
    border-radius: 2px;
}
.sou label{
    width: 320px;
    display: inline-block;
    height: 32px;
    padding-left: 0px;
    position: relative;
    margin-bottom: 0 ;
    border-radius: 2px;
}
.sou input{
    border: none;outline: none;
}
.sou label i{
    position: absolute;
    left: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    top: 8px;
    font-size: 16px;
    color: #bfbfbf;
    cursor: pointer;
}
.sou label input{
    border: none;
    outline: none;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 16px;
    padding-left: 24px;
    border: 1px solid #bfbfbf;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.sou label span{
    position: absolute;
    right: 0px;
    width: 64px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    top: 0px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-color: #2f5fa5;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.head-phone{
    display: none;
}
.logo .inner{
    overflow: hidden;
}
/**/
.h-nav{
    background-color: #245aa8;
}
.h-nav ul{
    overflow: hidden;
}
.h-nav ul li{
    width: 11.11%;
    float: left;
}
.h-nav ul li a{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-left: 1px solid #3675d0;
}
.h-nav ul li:last-child a{
    border-right: 1px solid #3675d0;
}
.h-nav ul li.active a,.h-nav ul li:hover a{
    background-color: #0f4491;
}
/*foot*/
.foot {
    border-top: 1px solid #d2d2d2;
    background-color: #fff;
}
.foot .inner{
    background-color: #fff;
    padding: 20px 0 20px;
}
.fot-ls{
    overflow: hidden;
    border-top: 1px solid #eeeeee;
    padding: 16px;
}
.fot-ls li{
    float: left;
    padding: 0 16px 0 0;
}
.fot-ls li a{
    font-size: 14px;
    color: #666666;
}
.fot-ls li a:hover{
    color: #245aa8;
}
.fot-ls li a span{
    color: #e5e5e5;
    font-size: 12px;
    padding-left: 16px;
}
.foot .logo-im{
    margin-bottom: 18px;
}
.ft-xcx img{
    margin-bottom: 12px;
}
.ft-xcx img{
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}
.ft-xcx p{
    color: #b0b0b0;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
}
.bot-txt{
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    padding-left: 16px;
}
.ft-rt{
    justify-content: space-around;
}
.ft-txt h1 span{
    position: relative;
    top: -2px;
}
.ft-txt h1{
    font-size: 16px;
    line-height: 24px;
    color: #5284cb;
}
.ft-txt h2{
    font-size: 24px;
    color: #5284cb; 
    padding: 8px 0;
    font-weight: bold;
}
.ft-txt h3{
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}
.ft-txt h4{
    font-size: 15px;
    line-height: 24px;
    color: #b5b5b5;
    margin-bottom: 5px;
}
.ft-txt img{
    padding-right: 10px;
}
.foot-ph{
    display: none;
}
.msg{
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
}
.msg:hover{
    background-color: #535353;
}
.msglist{
    position: absolute;
    background-color: #fff;
    z-index: 9000;
    left: 0px;
    right: -50px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
    display: none;
}
.msglist ul li a{
    display: block;
    font-size: 12px;
    color: #333 !important;
    padding: 0px 10px;
    height: 32px;
    line-height: 32px;
    position: relative;
    border-bottom: 1px solid #eee;
}
.msglist ul li a b{
    font-weight: normal;
    position: absolute;
    right: 4px;
    background-color: #f0f4fb;
    padding: 0px 5px;
    height: 20px;
    line-height: 20px;
    top: 4px;
    color: #5284cb;
    border-radius: 2px;
}
/* .msglist ul li:last-child a{
    text-align: center;
    color: #999 !important;
} */
.msglist ul li a:hover{
    color: #fff !important;
}
.tstxt{
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 10;
    width: 300px;
    background-color: rgba(0,0,0,0.8);
    padding: 10px;
}
.tstxt p{
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}
.tstxt p span{
    color: #ffe066;
}
.menu{
    display: none;
}

@media screen and (max-width: 1300px){
    .tstxt{
        width: 240px;
    }
}

@media screen and (max-width: 1024px){
    body{
        position: relative;
        right: 0;
        transition: all linear .5s;
    }
    .inner{
        width: 100%;
        padding: 0 10px;
    }
    .sou{
        display: none;
    }
    .h-nav{
        display: none;
    }
    .head-phone{
        display: block;
        overflow: hidden;
    }
    .logo{
        padding: 10px 0px 10px 4px;
    }
    .top_cen{
        display:block;
        margin-right: 6px;
        margin-top: 9px;
    }
    .top_cen a.cen_x{
        font-size: 40px;
        font-weight: 500;
        color: #005192;
        line-height: 30px;
        height: 30px;
        width: 30px;
        display: block;
        position: relative;
        top: -8px;
    }
    .top_cen a.active{
        display: none;
    }
    .top_cen span{
        display: block;
        width: 30px;
        height: 2px;
        background-color: #005192;
        margin: 6px 0;
    }
    .navlist_mo{
        display: block;
        position:fixed;
        top: 0;
        right: -50%;
        bottom: 0;
        width: 50%;
        background-color: #212020;
        transition: all linear .5s;
        overflow-y: auto;
        z-index: 999;
    }
    .navlist_mo>li{
        background-color: #212020;
    }
    .navlist_mo>li>a{
        color:#ffffff;
        display: block;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        padding:11px 0;
        padding-left: 10px;
        transition: all .5s;
        position: relative;
    }
    .navlist_mo>li.active>a{
        background-color: #303030;
    }
    .navlist_mo>li a:after{
        top: 1.4rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li a:not([href]):after{
        content: "";
        display: block;
        position: absolute;
        left: 128px;
        top: 20px;
        width: 9px;
        height: 9px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: all .3s ease 0s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li.active a:not([href]):after{
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .navlist_mo>li .abm_nav{
        display: none;
        height: 0;
        transition: all .5s;
    }
    .navlist_mo>li.active .abm_nav{
        display: block;
        height: auto;
    }
    .navlist_mo>li .abm_nav li{
        background-color: #080808;
    }
    .navlist_mo>li .abm_nav li.active a{
        color: #0763a4;
    }
    .navlist_mo>li .abm_nav li a{
        color:#ffffff;
        display: block;
        font-size: 16px;
        line-height: 20px;
        padding:12px 0;
        padding-left: 20px;
        transition: all .5s linear;
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
    }
}
@media screen and (max-width: 970px){

    .foot .col-md-4{
        display: none;
    }
    .foot .inner{
        padding: 15px 15px;
    }
    .ding{
        display: none;
    }
    .ding p{
        display: none;
    }
    /* 06-17  修改顶部 */
    /* 底部导航 */
    .mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label {
        font-size: 12px;
        color: #666;
    }
    .mui-bar-tab .mui-tab-item .mui-icon {
        margin-bottom: 1px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 20px !important;
        height: 19px !important;
    }
    .mui-bar-tab .mui-tab-item span.active{
        color: #4883D6 !important;
    }

    .mui-bar-tab .home .mui-icon{
        background-image: url('../images/ph/home.png');
    }
    .mui-bar-tab .home .mui-icon.active{
        background-image: url('../images/ph/homeb.png');
    }
    .mui-bar-tab .ts .mui-icon{
        background-image: url('../images/ph/ts.png');
    }
    .mui-bar-tab .ts .mui-icon.active{
        background-image: url('../images/ph/tsb.png');
    }
    .mui-bar-tab .zh .mui-icon{
        background-image: url('../images/ph/zh.png');
    }
    .mui-bar-tab .zh .mui-icon.active{
        background-image: url('../images/ph/zhb.png');
    }
    .mui-bar-tab .sanb .mui-icon{
        background-image: url('../images/ph/sb.png');
    }
    .mui-bar-tab .sanb .mui-icon.active{
        background-image: url('../images/ph/sbb.png');
    }
    .mui-bar-tab .ger .mui-icon{
        background-image: url('../images/ph/personal.png');
    }
    .mui-bar-tab .ger .mui-icon.active{
        background-image: url('../images/ph/personalb.png');
    }
    .mui-bar-tab {
        background-color:#fff !important;
        height: 50px !important;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important;
        border-top: none !important;
    }
    .mui-bar-nav {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        height: 50px;
        background-color: #2A5CA0;
    }

    .mui-bar-nav.mui-bar .mui-icon {
        color: #fff;
        font-size: 26px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .mui-bar-nav.mui-bar h1 {
        font-size: 18px;
        line-height: 50px;
        /* color: #4e6ee8; */
        color: #fff;
        right: 50px;
    }

    .mui-bar-nav.mui-bar h3 {
        line-height: 50px;
    }

    .mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after {
        display: none;
    }
    .mui-table-view-cell{
        padding: 0;
    }
    .foot .inner{
        padding: 0px;
    }
    .logo{
        position: fixed;
        z-index: 10;
        right: 0;
        left: 0;
        top: 0px;
        background-color: #fff;
        box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.1);
    }
    body{
        padding-top: 58px !important;
        padding-bottom: 50px !important;
    }
    .menu{
        position: fixed;
        z-index: 999;
        top: 58px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #ECECEC;
        overflow-y: scroll;
        display: none;
    }
    .menu ul li{
        background-color: #fff;
        padding: 12px 15px;
        border-bottom: 1px solid #EDEFF3;
    }
    .menu ul li:first-child{
        border-top: 1px solid #EDEFF3;
    }
    .menu ul li:last-child{
        border-bottom: none;
    }
    .menu ul li a{
        font-size: 14px;
        color: #333333;
    }
    .menu ul li a b{
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }
    .menu ul li:first-child a b{
        background-image: url('../images/phper/menu01.png');
    }
    .menu ul li:nth-child(2) a b{
        background-image: url('../images/phper/menu02.png');
    }
    .menu ul li:nth-child(3) a b{
        background-image: url('../images/phper/menu03.png');
    }
    .menu ul li:nth-child(4) a b{
        background-image: url('../images/phper/menu04.png');
    }
    .menu ul li:nth-child(5) a b{
        background-image: url('../images/phper/menu05.png');
    }
    .menu ul li:nth-child(6) a b{
        background-image: url('../images/phper/menu06.png');
    }
    .menu ul li:nth-child(7) a b{
        background-image: url('../images/phper/menu07.png');
    }
    .menu ul li:nth-child(8) a b{
        background-image: url('../images/phper/menu08.png');
    }
    .menu ul li:nth-child(9) a b{
        background-image: url('../images/phper/menu09.png');
    }
    .menu ul li:nth-child(10) a b{
        background-image: url('../images/phper/menu10.png');
    }
    .menu .txt{
        padding-top: 15px;
    }
    .menu .txt p{
        font-size: 14px;
        color: #333;
        line-height: 24px;
        text-align: center;
    }
    .menu .txt p a{
        color: #477ABE;
        padding: 0 8px;
    }
    .tcbtn{
        padding: 0 18px 15px;
    }
    .tcbtn .btn{
        display: block;
        background:#fff;
        margin: 14px auto 10px;
        color: #fff;
        border: 1px solid #7E9CC5;
        color: #7E9CC5;
    }
    .bcbtn{
        padding: 0 18px 15px;
    }
    .bcbtn .btn{
        background:rgba(85,126,182,1);
        margin-top: 12px;
        font-size: 14px;
    }
    .hid{
        display: none;
    }
}
@media screen and (max-width: 768px){
    /* .menu{
        display: none;
    } */
    .foot-ph{
        display: block;
    }
    .logo-im span{
        /* height: 30px;
        margin: 0 5px; */
        display: none;
    }
    /* .logo-im img:first-child{
        height: 30px;
        width: 100px
    } */
    .logo-im a:last-child{
        /* height: 30px;
        width: 200px; */
        display: none;
    }
    .logo-im  a{
        display: block;
    }
    .ding-txt a:first-child{
        display: none;
    }
    .ding-txt a:last-child{
        display: none;
    }
    .ding-txt a{
        padding: 0 0 0 5px;
    }
    .logo{
        padding-left: 0px;
    }
    .foot-pc{
        display: none;
    }
    .foot{
        border: none;
        box-shadow:0 0px 10px -4px rgba(0,0,0,0.3);
    }
    /* .foot .inner{
        padding: 10px;
    } */
    .foot-ph h1{
        font-size: 12x;
        line-height: 24px;
        color: #666;
        text-align: center;
        display: none;
    }
    .foot-ph h2{
        font-size: 14px;
        line-height: 30px;
        color: #5284cb;
        font-weight: bold;
        text-align: center;
    }
    .foot-ph p{
        font-size: 12px;
        line-height: 24px;
        color: #999;
        text-align: center;
    }
    .foot-ph p span{
        margin-left: 8px;
    }
}
@media screen and (max-width: 370px){
    .foot-ph h1,.foot-ph p{
        font-size: 12px;
        line-height: 20px;
    }
    .foot-ph h2{
        font-size: 14px;
        line-height: 24px;
    }
}